<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="themes/icon.css">
    <link rel="stylesheet" type="text/css" href="themes/color.css">
    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <link rel="stylesheet" type="text/css" href="css/test.css">
    <script type="text/javascript" src="javaScript/jquery.min.js"></script>
    <script type="text/javascript" src="javaScript/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="javaScript/test.js"></script>
</head>
<style>
    #tb,#tb1{
        position: absolute;
        top: 104px;
        left: 645px;
    }
    .easyui-fluid{
        margin-top: 7px;
    }
</style>
<body>
<header>
    <div style="height: 1px;width: 1px"></div>
    <p class="title">网关设备ID配置</p>
</header>
<!--<div style="margin:20px 0;"></div>-->
<div id="listDiv">
    <div class="promit">
        <input class="promit-input" id="addDevid" type="text" placeholder="请输入设备ID">
        <input class="promit-input" id="addHid" type="text" placeholder="请输入硬件ID">
        <input class="promit-input" id="addKey" type="text" placeholder="请输入密钥">
        <button class="promit-button" id="addSure">确定</button>
        <button class="promit-button" id="cancelPromit">取消</button>
    </div>
   <table id="table" class="easyui-datagrid" title="设 备 列 表" style="width:100%;height:100%;" data-options="rownumbers:true,singleSelect:false">
       <a href="javascript:void(0)" id="insert" class="easyui-linkbutton" iconCls="icon-add" plain="true">新增数据</a>
       <!-- <a href="javascript:void(0)" id="edit" class="easyui-linkbutton" iconCls="icon-edit" plain="true">Edit Data</a> -->
       <a href="javascript:void(0)" id="remove"class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除数据</a>
       <input class="input-table" id="hid" type="text" placeholder="请输入硬件ID">
       <input class="input-table" id="devid" type="text" placeholder="请输入设备ID">
       <select class="input-table select-table" name="" id="type">
           <option value="all">全部</option>
           <option value="hidismap">已绑定</option>
           <option value="hidisnull">未绑定</option>
       </select>
       <button class="button-table" id="search">搜索</button>
   </table>
</div>
<div class="page-div">
    <span>共（<span id="page-total" class="page-num"></span>）条</span>
    <button class="page-button" id="prePage">上一页</button>
    <button class="page-button" id="nextPage">下一页</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <span>第（<span id="pages" class="page-num"></span>）页</span>
</div>
<div id="content"></div>



</body>
</html>
